﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FullscreenPage.aspx.cs" Inherits="Mobile.Web.Toolbar.FullscreenPage" %>

<%@ Register TagPrefix="mob" Namespace="Mobile.WebControls" Assembly="AMF" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head> 
	<title>Full screen Page</title> 
	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 

    <mob:MobileResourcesManager ID="MobileResourcesManager1" runat="server"/>
</head> 
<body>


    <mob:MobilePage ID="mbPage1" DisplayInFullScreen="true" runat="server">
        <Header>
            <h1>Header</h1>
        </Header>
        <Content>
            <p>This page demonstrates the "fullscreen" toolbar mode. This toolbar treatment is used in special cases where you want the content to fill the whole screen, and you want the header and footer toolbars to appear and disappear when the page is clicked responsively — a common scenario for photo, image or video viewers.</p>
            <p>Set DisplayInFullScreen at true.</p>
        </Content>
        <Footer>
            <h1>footer</h1>
        </Footer>
    </mob:MobilePage>


</body>
</html>
